@import '../../style/index.scss';

.right_text {
    padding: 2px 4px;
    background-color: $bg-color5;
    font-size: $font;
    color: $color;
    border-radius: 5px;
}

.box {
    height: 100vh;
    & .returnNavigate {
        position: fixed;
        top: 5%;
        left: 5%;
        z-index: 999;
        font-size: $font2;
        display: flex;
        align-items: center;
        justify-content: center;
        color: $color7;
    }
    & .content {
        position: relative;
        top: 15vh;
        transform: translateY(-50%);
        margin-top: 40px;
        & .login {
            width: 90%;
            margin: 0 3%;
            padding: 15px 10px;
            box-shadow: 0 0 8px 0 $bg-color2;
            border-radius: 5px;
            & .title {
                font-size: $font4;
                color: $color7;
                text-align: center;
                margin-bottom: 20px;
            }
        }
    }
    & .top {
        position: relative;
        top: 0;
        left: 0;
        height: 30vh;
        z-index: 999;
        background-color: $bg-color5;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        & .logo {
            margin-top: 10vh;
        }
    }
    & .noneBox {
        position: fixed;
        bottom: 5%;
        left: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: $font;
        color: $color4;
        & .text {
            color: $color8;
        }
    }
}